<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jQfadeIn()</title>
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$("button").click(function () {
				$("#div1").fadeIn();
				$("#div2").fadeIn("slow");
				$("#div3").fadeIn(3000);


			})

		})
	</script>
</head>
<body>
<p>演示带有不同参数的fadeIn()方法.</p>
<button>点击这里,有三个矩形淡入淡出</button>
<br><br>
<div id="div1" style="width: 200px;height: 200px;display: none;background-color: aqua;"></div>
<br>
<div id="div2" style="width: 200px;height: 200px;display: none;background-color: green;"></div>
<br>
<div id="div3" style="width: 200px;height: 200px;display: none;background-color: pink";></div>
</body>
</html>